<template>
  <div class="grid">
    <div class="grid-content-1">
      <div class="card-header">
        <div class="card-left">
          <i class="el-icon-video-play"></i>
          <a class="title" href="https://www.baiud.com" target="_blank"><span>综艺</span></a>
        </div>
        <div class="card-right">
          <button class="card-right-btn"><i class="el-icon-refresh"></i><span>换一换</span></button>
          <a class="card-more" href="https://www.bilibili.com/v/douga" target="_blank"><span>查看更多</span><i
              class="el-icon-arrow-right"></i></a>
        </div>
      </div>
      <div class="item-body">
        <div class="news-card">
          <a href="https://www.baidu.com" target="_blank">
            <div class="news-card-images">
              <div class="card-images">
                <picture class="v-img card-cover">
                  <img src="https://img.meishibiexuejava.cn/zkc-prod/ly/ly-images/1/25.png">
                </picture>
              </div>
            </div>
          </a>
          <div class="news-card-info">
            <div class="card-info">
              <a href="https://www.baidu.com" target="_blank">
                <h3 class="info-title" title="林妙妙这段舞蹈，是我对赵今麦最大的误解！">
                  林妙妙这段舞蹈，是我对赵今麦最大的误解！</h3>
              </a>
              <p class="info-bottom">
                <a class="info-text">14万点赞</a>
                <a class="info-owner">
                  <span class="info-author">荒草音乐</span>
                </a>
              </p>
            </div>
          </div>
        </div>
        <div class="news-card">
          <a href="https://www.baidu.com" target="_blank">
            <div class="news-card-images">
              <div class="card-images">
                <picture class="v-img card-cover">
                  <img src="https://img.meishibiexuejava.cn/zkc-prod/ly/ly-images/1/26.png">
                </picture>
              </div>
            </div>
          </a>
          <div class="news-card-info">
            <div class="card-info">
              <a href="https://www.baidu.com" target="_blank">
                <h3 class="info-title" title="林妙妙这段舞蹈，是我对赵今麦最大的误解！">
                  林妙妙这段舞蹈，是我对赵今麦最大的误解！</h3>
              </a>
              <p class="info-bottom">
                <a class="info-text">14万点赞</a>
                <a class="info-owner">
                  <span class="info-author">荒草音乐</span>
                </a>
              </p>
            </div>
          </div>
        </div>
        <div class="news-card">
          <a href="https://www.baidu.com" target="_blank">
            <div class="news-card-images">
              <div class="card-images">
                <picture class="v-img card-cover">
                  <img src="https://img.meishibiexuejava.cn/zkc-prod/ly/ly-images/1/27.png">
                </picture>
              </div>
            </div>
          </a>
          <div class="news-card-info">
            <div class="card-info">
              <a href="https://www.baidu.com" target="_blank">
                <h3 class="info-title" title="林妙妙这段舞蹈，是我对赵今麦最大的误解！">
                  林妙妙这段舞蹈，是我对赵今麦最大的误解！</h3>
              </a>
              <p class="info-bottom">
                <a class="info-text">14万点赞</a>
                <a class="info-owner">
                  <span class="info-author">荒草音乐</span>
                </a>
              </p>
            </div>
          </div>
        </div>
        <div class="news-card">
          <a href="https://www.baidu.com" target="_blank">
            <div class="news-card-images">
              <div class="card-images">
                <picture class="v-img card-cover">
                  <img src="https://img.meishibiexuejava.cn/zkc-prod/ly/ly-images/1/28.png">
                </picture>
              </div>
            </div>
          </a>
          <div class="news-card-info">
            <div class="card-info">
              <a href="https://www.baidu.com" target="_blank">
                <h3 class="info-title" title="林妙妙这段舞蹈，是我对赵今麦最大的误解！">
                  林妙妙这段舞蹈，是我对赵今麦最大的误解！</h3>
              </a>
              <p class="info-bottom">
                <a class="info-text">14万点赞</a>
                <a class="info-owner">
                  <span class="info-author">荒草音乐</span>
                </a>
              </p>
            </div>
          </div>
        </div>
        <div class="news-card">
          <a href="https://www.baidu.com" target="_blank">
            <div class="news-card-images">
              <div class="card-images">
                <picture class="v-img card-cover">
                  <img src="https://img.meishibiexuejava.cn/zkc-prod/ly/ly-images/1/29.png">
                </picture>
              </div>
            </div>
          </a>
          <div class="news-card-info">
            <div class="card-info">
              <a href="https://www.baidu.com" target="_blank">
                <h3 class="info-title" title="林妙妙这段舞蹈，是我对赵今麦最大的误解！">
                  林妙妙这段舞蹈，是我对赵今麦最大的误解！</h3>
              </a>
              <p class="info-bottom">
                <a class="info-text">14万点赞</a>
                <a class="info-owner">
                  <span class="info-author">荒草音乐</span>
                </a>
              </p>
            </div>
          </div>
        </div>
        <div class="news-card">
          <a href="https://www.baidu.com" target="_blank">
            <div class="news-card-images">
              <div class="card-images">
                <picture class="v-img card-cover">
                  <img src="https://img.meishibiexuejava.cn/zkc-prod/ly/ly-images/1/30.png">
                </picture>
              </div>
            </div>
          </a>
          <div class="news-card-info">
            <div class="card-info">
              <a href="https://www.baidu.com" target="_blank">
                <h3 class="info-title" title="林妙妙这段舞蹈，是我对赵今麦最大的误解！">
                  林妙妙这段舞蹈，是我对赵今麦最大的误解！</h3>
              </a>
              <p class="info-bottom">
                <a class="info-text">14万点赞</a>
                <a class="info-owner">
                  <span class="info-author">荒草音乐</span>
                </a>
              </p>
            </div>
          </div>
        </div>
        <div class="news-card">
          <a href="https://www.baidu.com" target="_blank">
            <div class="news-card-images">
              <div class="card-images">
                <picture class="v-img card-cover">
                  <img src="https://img.meishibiexuejava.cn/zkc-prod/ly/ly-images/1/31.png">
                </picture>
              </div>
            </div>
          </a>
          <div class="news-card-info">
            <div class="card-info">
              <a href="https://www.baidu.com" target="_blank">
                <h3 class="info-title" title="林妙妙这段舞蹈，是我对赵今麦最大的误解！">
                  林妙妙这段舞蹈，是我对赵今麦最大的误解！</h3>
              </a>
              <p class="info-bottom">
                <a class="info-text">14万点赞</a>
                <a class="info-owner">
                  <span class="info-author">荒草音乐</span>
                </a>
              </p>
            </div>
          </div>
        </div>
        <div class="news-card">
          <a href="https://www.baidu.com" target="_blank">
            <div class="news-card-images">
              <div class="card-images">
                <picture class="v-img card-cover">
                  <img src="https://img.meishibiexuejava.cn/zkc-prod/ly/ly-images/1/32.png">
                </picture>
              </div>
            </div>
          </a>
          <div class="news-card-info">
            <div class="card-info">
              <a href="https://www.baidu.com" target="_blank">
                <h3 class="info-title" title="林妙妙这段舞蹈，是我对赵今麦最大的误解！">
                  林妙妙这段舞蹈，是我对赵今麦最大的误解！</h3>
              </a>
              <p class="info-bottom">
                <a class="info-text">14万点赞</a>
                <a class="info-owner">
                  <span class="info-author">荒草音乐</span>
                </a>
              </p>
            </div>
          </div>
        </div>
        <div class="news-card">
          <a href="https://www.baidu.com" target="_blank">
            <div class="news-card-images">
              <div class="card-images">
                <picture class="v-img card-cover">
                  <img src="https://img.meishibiexuejava.cn/zkc-prod/ly/ly-images/1/33.png">
                </picture>
              </div>
            </div>
          </a>
          <div class="news-card-info">
            <div class="card-info">
              <a href="https://www.baidu.com" target="_blank">
                <h3 class="info-title" title="林妙妙这段舞蹈，是我对赵今麦最大的误解！">
                  林妙妙这段舞蹈，是我对赵今麦最大的误解！</h3>
              </a>
              <p class="info-bottom">
                <a class="info-text">14万点赞</a>
                <a class="info-owner">
                  <span class="info-author">荒草音乐</span>
                </a>
              </p>
            </div>
          </div>
        </div>
        <div class="news-card">
          <a href="https://www.baidu.com" target="_blank">
            <div class="news-card-images">
              <div class="card-images">
                <picture class="v-img card-cover">
                  <img src="https://img.meishibiexuejava.cn/zkc-prod/ly/ly-images/1/34.png">
                </picture>
              </div>
            </div>
          </a>
          <div class="news-card-info">
            <div class="card-info">
              <a href="https://www.baidu.com" target="_blank">
                <h3 class="info-title" title="林妙妙这段舞蹈，是我对赵今麦最大的误解！">
                  林妙妙这段舞蹈，是我对赵今麦最大的误解！</h3>
              </a>
              <p class="info-bottom">
                <a class="info-text">14万点赞</a>
                <a class="info-owner">
                  <span class="info-author">荒草音乐</span>
                </a>
              </p>
            </div>
          </div>
        </div>
        <div class="news-card">
          <a href="https://www.baidu.com" target="_blank">
            <div class="news-card-images">
              <div class="card-images">
                <picture class="v-img card-cover">
                  <img src="https://img.meishibiexuejava.cn/zkc-prod/ly/ly-images/1/35.png">
                </picture>
              </div>
            </div>
          </a>
          <div class="news-card-info">
            <div class="card-info">
              <a href="https://www.baidu.com" target="_blank">
                <h3 class="info-title" title="林妙妙这段舞蹈，是我对赵今麦最大的误解！">
                  林妙妙这段舞蹈，是我对赵今麦最大的误解！</h3>
              </a>
              <p class="info-bottom">
                <a class="info-text">14万点赞</a>
                <a class="info-owner">
                  <span class="info-author">荒草音乐</span>
                </a>
              </p>
            </div>
          </div>
        </div>
        <div class="news-card">
          <a href="https://www.baidu.com" target="_blank">
            <div class="news-card-images">
              <div class="card-images">
                <picture class="v-img card-cover">
                  <img src="https://img.meishibiexuejava.cn/zkc-prod/ly/ly-images/1/36.png">
                </picture>
              </div>
            </div>
          </a>
          <div class="news-card-info">
            <div class="card-info">
              <a href="https://www.baidu.com" target="_blank">
                <h3 class="info-title" title="林妙妙这段舞蹈，是我对赵今麦最大的误解！">
                  林妙妙这段舞蹈，是我对赵今麦最大的误解！</h3>
              </a>
              <p class="info-bottom">
                <a class="info-text">14万点赞</a>
                <a class="info-owner">
                  <span class="info-author">荒草音乐</span>
                </a>
              </p>
            </div>
          </div>
        </div>
        <div class="news-card">
          <a href="https://www.baidu.com" target="_blank">
            <div class="news-card-images">
              <div class="card-images">
                <picture class="v-img card-cover">
                  <img src="https://img.meishibiexuejava.cn/zkc-prod/ly/ly-images/1/23.png">
                </picture>
              </div>
            </div>
          </a>
          <div class="news-card-info">
            <div class="card-info">
              <a href="https://www.baidu.com" target="_blank">
                <h3 class="info-title" title="林妙妙这段舞蹈，是我对赵今麦最大的误解！">
                  林妙妙这段舞蹈，是我对赵今麦最大的误解！</h3>
              </a>
              <p class="info-bottom">
                <a class="info-text">14万点赞</a>
                <a class="info-owner">
                  <span class="info-author">荒草音乐</span>
                </a>
              </p>
            </div>
          </div>
        </div>
        <div class="news-card">
          <a href="https://www.baidu.com" target="_blank">
            <div class="news-card-images">
              <div class="card-images">
                <picture class="v-img card-cover">
                  <img src="https://img.meishibiexuejava.cn/zkc-prod/ly/ly-images/1/30.png">
                </picture>
              </div>
            </div>
          </a>
          <div class="news-card-info">
            <div class="card-info">
              <a href="https://www.baidu.com" target="_blank">
                <h3 class="info-title" title="林妙妙这段舞蹈，是我对赵今麦最大的误解！">
                  林妙妙这段舞蹈，是我对赵今麦最大的误解！</h3>
              </a>
              <p class="info-bottom">
                <a class="info-text">14万点赞</a>
                <a class="info-owner">
                  <span class="info-author">荒草音乐</span>
                </a>
              </p>
            </div>
          </div>
        </div>
      </div>
    </div>
  </div>
</template>

<script>

export default {
  name:"card",
  data() {
    return {

    }
  },
}
</script>

<style scoped>

</style>
